<template>
	<view class="detail">
		<view class="title">
			{{dataDetail.title}}
		</view>
		<view class="info">
			<view class="author">作者：{{dataDetail.author}}</view>
			<view class="time">时间:{{dataDetail.posttime}}</view>
			
		</view>
		<view class="content">
		<!-- 这是文章的内容这是文章的内容这是文章的内容这是文章的内容这是文章的内容这是文章的内容 -->
		<rich-text :nodes="dataDetail.content">	</rich-text>
	
		 </view>
		 <view class="content1">
		  声明：本站内容由XXX提供，如有侵权，请联系XXXX@qq.com,本站展示的内容不代表本站及作者，若有侵权请及时联系客服，谢谢。
		  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				options:null,
				dataDetail:{}
			};
		},
		onLoad(e){
			this.options=e;
			this.getDetail();
		},
		methods:{
			getDetail(){
				uni.request({
					url:"https://ku.qingnian8.com/dataApi/news/detail.php",
					data:this.options,
					success:res=>{
							console.log(res)
						this.dataDetail=res.data;
						console.log(res)
					}
				})
			}
		}
	}
</script>

<style lang="scss">
.detail{
	padding: 30rpx;
	.title{
		font-size: 46rpx;
		color: #333;
	}
	.info{
		background: #F6F6F6;
		padding: 20rpx 10rpx;
		font-size: 22rpx;
		color: #666;
		display: flex; //弹性模型
		justify-content: space-between;//左右布局
		margin: 40rpx 0; //上下间距30 左右0间距
	}
	.content{
		padding-bottom: 50rpx; //底部间隙
	}
	.content1{
		background: #FEF0F0;
		font-size: 26rpx;
		padding: 20rpx;
		color: #F89898;
		line-height: 1.8em;
	}
}
</style>
